@charset "UTF-8";
/**
 * 鸡蛋白手机版CSS样式文件
 * @authors Your Name (you@example.org)
 * @date    2014-012-6 12:10:02
 * @version $Id$
 */
body{max-width: 640px; margin: 0 auto; width: 100%;}
p{margin: 0;}
#glair{width: 100%; height: auto; float: left; margin-bottom: 0.728rem; overflow-x: hidden; overflow-y: hidden;}

/* 鸡蛋白视频部分 */
#glair .video{float: left; width: 100%; height: auto; margin: 0 auto; font-family: "SHYT";}
#glair .video .top{float: left; width: 2.535rem; height: 1.79rem; margin-left: 0.48rem;}
#glair .video strong{float: left; width: 100%; font-size: 0.125rem; color: #666666; text-align: center; line-height: 0.325rem; font-family: "SYHT";}
#glair .video .look_video_btn{float: left; width: 0.75rem; height: 0.13rem; text-align: center; cursor: pointer; margin: 0.1rem 0 0 1.225rem; line-height: 0.13rem;}
#glair .video .look_video_btn img{float: left; width: 0.125rem; height: 0.125rem;}
#glair .video .look_video_btn span{float: left; font-size: 0.11rem; color: #474747; line-height: 0.13rem;}
#glair .video .go_notice{float: left; width: 0.75rem; height: 0.13rem; text-align: center; cursor: pointer; margin: 0.1rem 0 0 1.26rem; line-height: 0.13rem; font-size: 0.11rem; color: #474747;}
#glair .video .video_bottom{float: left; width: 3.2rem; height: 1.425rem; margin-top: 0.875rem;}
#glair .video .receive1{float: left; width: 0.805rem; height: 0.25rem; border: 2px solid #b90c0c; font-style: normal; color: #a20611; font-size: 0.12rem; text-align: center; line-height: 0.25rem; margin-left: 1.187rem; cursor: pointer;}
#glair .video .next_time{float: left; width: 100%; text-align: center; font-size: 0.11rem; color: #474747;}


/* 鸡蛋白轮播图部分 */
#glair .ad{width: 100%; height: 3rem; overflow: hidden; position: relative; margin: 0 auto;}
#glair .ad .flexslider{width: 100%; height: 2.155rem; margin-top: 0.45rem;}
#glair .ad .flexslider .slides li img{width: 2.76rem; height: 2.155rem; margin-left: 0.22rem;}
#glair .ad .flexslider .flex-direction-nav{display: none;}
#glair .ad .flexslider ol{position: absolute; width: 1.46rem; height: auto; text-align: center; padding: 0; bottom: 0; left: 50%; margin: 0 0 0 -0.73rem;}
#glair .ad .flexslider ol li{display: inline-block; width: 0.14rem;}
#glair .ad .flexslider ol li a{width: 7px; height: 7px; border: 1px solid #8e8e8e; text-indent: -99999px; border-radius: 5px; display: inline-block;}
#glair .ad .flexslider ol li .flex-active{background-color: #898989;}

/* 因为你不妥协部分 */
#glair .of_you{float: left; width: 100%; height: auto; position: relative;}	
#glair .of_you .bottom{float: left; width: 3.2rem; height: 4.02rem;}
#glair .of_you h2{position: absolute; font-size: 0.185rem; color: #4d4d4d; line-height: 0.3rem; left: 0.26rem; top: 0.2rem;}
#glair .of_you p{position: absolute; font-size: 0.11rem; color: #737373; line-height: 0.21rem; left: 0.26rem; top: 0.5rem;}

/* 描述部分 */
#glair .description{float: left; width: 100%; height: 7.175rem; background-color: #fcfcfc; position: relative;}
#glair .description .patch{float: left; width: 100%; height: auto; position: absolute; z-index: 2;}
#glair .description .patch .title{float: left; width: 1.615rem; height: 0.44rem; left: 0.26rem; position: absolute;}
#glair .description .patch p{float: left; width: 2.685rem; height: auto; top: 0.5rem; left: 0.26rem; line-height: 0.2rem; font-size: 0.11rem; color: #6c6c6c; position: absolute;}
#glair .description .patch p .underline{position: absolute; width: 0.77rem; height: 1px; border-bottom: 1px solid #a5a5a5; line-height: 0rem;}
#glair .description .patch p .celebrity{margin-top: 0.1rem; float: left;}
#glair .description .patch .quotes_left{position: absolute; width: 0.13rem; height: 0.09rem; left: 0.1rem; top: 0.53rem;}
#glair .description .patch .quotes_right{position: absolute; width: 0.13rem; height: 0.095rem;}
#glair .description .brights{top: 0.475rem;}
#glair .description .shape{top: 2.05rem;}
#glair .description .light{top: 3.59rem;}
#glair .description .brights .underline,#glair .description .shape .underline{top: 0.47rem;}
#glair .description .light .underline{top: 0.67rem;}
#glair .description .brights .quotes_right{left: 2.2rem; top: 0.72rem;}
#glair .description .shape .quotes_right{left: 2.2rem; top: 0.7rem;}
#glair .description .light .quotes_right{left: 1.21rem; top: 0.94rem;}
#glair .description .bottom{position: absolute; width: 3.2rem; height: 5.545rem; bottom: 0rem; left: 0rem; z-index: 1;}

/* 白部分 */
#glair .white{float: left; position: relative; width: 100%; height: 4.425rem;}
#glair .white img{float: left; width: 100%; height: 4.425rem;}
#glair .white h1{position: absolute; font-size: 0.185rem; color: #4d4d4d; font-family: "SYHT"; top: 0.3rem; left: 0.26rem;}
#glair .white p{position: absolute; line-height: 0.2rem; font-size: 0.11rem; color: #777777; top: 1.02rem; left: 0.26rem;}
#glair .white strong{position: absolute; font-size:  0.11rem; color: #777777; width: 100%; text-align: center; bottom: 0.54rem; left: 0rem; font-weight: normal;}

/* 细腻部分 */
#glair .exquisite{float: left; position: relative; width: 100%; height: 4.73rem;}
#glair .exquisite .bg{float: left; width: 100%; height: 4.73rem;}
#glair .exquisite .bottom{position: absolute; bottom: 0rem; left: 0rem; width: 100%; height: 0.205rem;}
#glair .exquisite h1{position: absolute; font-size: 0.185rem; color: #4d4d4d; font-family: "SYHT"; top: 0.42rem; left: 0.26rem;}
#glair .exquisite p{position: absolute; line-height: 0.2rem; font-size: 0.11rem; color: #777777; top: 0.68rem; left: 0.26rem;}

/* 亮部分 */
#glair .bright{float: left; position: relative; width: 100%; height: 4.015rem; background-color: #292929;}
#glair .bright img{position: absolute; bottom: 0.48rem; left: 0.23rem; width: 2.74rem; height: 1.435rem;}
#glair .bright h1{position: absolute; font-size: 0.185rem; color: #ffffff; font-family: "SYHT"; top: 0.4rem; right: 0.37rem;}
#glair .bright p{position: absolute; line-height: 0.2rem; font-size: 0.11rem; color: #b8b8b8; top: 0.72rem; right: 0.37rem; text-align: right;}

/* 名家力荐部分 */
#glair .recommend{float: left; position: relative; width: 100%; height: auto;}
#glair .recommend .top{position: absolute; width: 100%; height: 0.19rem; top: 0rem; left: 0rem;}
#glair .recommend .title{float: left; width: 1.5rem; height: 1.26rem; margin: 0.3rem 0 0 1rem;}
#glair .recommend .content{float: left; width: 2.59rem; height: 6.855rem; margin: 0.32rem 0 0 0.16rem;}
#glair .recommend .content .box{float: left; width: 1.015rem; height: 2.285rem; margin-left: 0.28rem;}
#glair .recommend .content .box img{float: left; width: 1.015rem; height: 1.71rem;}
#glair .recommend .content .box p{float: left; width: 100%; line-height: 0.2rem; color: #292929; font-size: 0.11rem;}

/* 投票部分 */
#glair .ballot{float: left; width: 2.67rem; height: 5.19rem; border: 1px solid #5b5b5b; margin-left: 0.265rem;}
#glair .ballot .title{float: left; width: 2.075rem; height: 0.225rem; margin: 0.16rem 0 0 0.2975rem;}
#glair .ballot .ballot_area{float: left; width: 2.2rem; height: 1.93rem; background-color: #eaeaea; margin: 0.15rem 0 0 0.235rem;}
#glair .ballot .ballot_area .money{float: left; width: 0.56rem; height: 0.58rem; margin: 0.256rem 0 0 0.36rem;}
#glair .ballot .ballot_area .money em{float: left; width: 0.195rem; height: 0.195rem; background-color: #b90c0c; border-radius: 0.25rem; color: #fff; font-size: 0.11rem; text-align: center; line-height: 0.195rem; margin-left: 0.056rem; font-style: normal;}
#glair .ballot .ballot_area .money .btn{width: 0.55rem; height: 0.21rem; cursor: pointer; float: left; font-size: 0.11rem; color: #b90c0c; text-align: center; line-height: 0.21rem; border: 1px solid #b90c0c; margin-top: 0.165rem; padding: 0rem; background-color: #eaeaea;}
#glair .ballot .display_area{float: left; width: 2.21rem; height: 2.37rem; margin: 0.15rem 0 0 0.215rem; position: relative; overflow: hidden;}
#glair .ballot .display_area .strip{height: auto; width: 0.5rem; position: absolute;}
#glair .ballot .display_area .soll_num{width: 100%; height: 0.2rem; line-height: 0.2rem; text-align: center; color: #606060; font-family: "SYHT"; font-size: 0.11rem;}
#glair .ballot .display_area .strip_pic{width: 0.155rem; margin-left: 0.1725rem; height: 1.7rem; background-color: #aa3d3d;}
#glair .ballot .display_area .strip_1{left: 0.14rem; bottom: 0.205rem;}
#glair .ballot .display_area .strip_2{left: 0.65rem; bottom: 0.205rem;}
#glair .ballot .display_area .strip_3{left: 1.14rem; bottom: 0.205rem;}
#glair .ballot .display_area .strip_4{left: 1.64rem; bottom: 0.205rem;}
#glair .ballot .display_area .price{position: absolute; bottom: 0rem; width: 100%; height: 0.2rem; border-top: dotted 1px #626262; text-align: center; font-size: 0.11rem; color: #606060;}
#glair .ballot .display_area .price em{font-style: normal; float: left; margin: 0.05rem 0 0 0.214rem;}

/* 投票弹窗 */
#glair .full_screen{position: fixed; width: 100%; height: 100%; z-index: 111111111; top: 0rem; left: 0rem; background: rgba(113, 113, 113, 0.5);}
#glair .ballot_popup{position: fixed; width: 2.43rem; height: 1.37rem; background-color: #ffffff; top: 50%; margin-top: -0.685rem; left: 50%; margin-left: -1.215rem; z-index: 111111112;}
#glair .ballot_popup .same{float: left; width: 2.25rem; height: 1.09rem; margin: 0.2rem 0 0 0.09rem;}
#glair .ballot_popup .same p{font-size: 0.11rem; color: #292929; line-height: 0.2rem; float: left;}
#glair .ballot_popup .same .btn{float: left; width: 0.665rem; height: 0.225rem; background-color: #a20611; font-size: 0.11rem; line-height: 0.225rem; text-align: center; color: #ffffff;}
#glair .ballot_popup .reward_begin p{margin: 0.17rem 0 0 0.08rem;}
#glair .ballot_popup .reward_begin .continue_shopping{float: left; margin: 0.23rem 0 0 0.37rem;}
#glair .ballot_popup .reward_begin .to_draw{float: left; margin: 0.23rem 0 0 0.19rem;}
#glair .ballot_popup .reward_over p{text-align: center;}
#glair .ballot_popup .reward_over .continue_shopping{float: left; margin: 0.23rem 0 0 0.37rem;}
#glair .ballot_popup .reward_over .to_weixin{float: left; margin: 0.23rem 0 0 0.19rem;}

/* 微信弹窗部分 */
#glair .weixin_popup{position: fixed; width: 2.685rem; height: 3.90rem; background-color: #eeeeee; top: 50%; margin-top: -1.95rem; left: 50%; margin-left: -1.3425rem; z-index: 111111112;}
#glair .weixin_popup h1{float: left; width: 100%; text-align: center; font-size: 0.19rem; color: #515151; font-family: "SHYT"; margin-top: 0.3rem;}
#glair .weixin_popup p{float: left; width: 100%; text-align: center; line-height: 0.2rem; font-size: 0.11rem; color: #808080; margin-top: 0.11rem;}
#glair .weixin_popup img{float: left; width: 1.67rem; height: 1.67rem; margin: 0.3rem 0 0 0.51rem;}
#glair .weixin_popup .text1{float: left; width: 100%; text-align: center; line-height: 0.2rem; font-size: 0.11rem; color: #808080;}
#glair .weixin_popup .text2{float: left; width: 100%; line-height: 0.2rem; font-size: 0.11rem; color: #808080; text-align: center;}
  
/* 免费领取部分 */
#glair .free_receive{float: left; width: 100%; height: auto; position: relative;}
#glair .free_receive .top{float: left; width: 100%; height: 2.385rem;}
#glair .free_receive em{width: 0.805rem; height: 0.25rem; border: 2px solid #b90c0c; font-style: normal; color: #a20611; font-size: 0.12rem; text-align: center; line-height: 0.25rem; left: 1.187rem; cursor: pointer; position: absolute; top: 1.75rem}
#glair .free_receive span{width: 2.2rem;text-align: center;    font-size: 0.11rem; color: #a20611; position: absolute; top: 2.1rem; left: 50%;margin-left: -1.1rem;}
#glair .free_receive p{float: left; width: 100%; text-align: center; font-size: 0.11rem; color: #515151; line-height: 0.2rem;}
#glair .free_receive .miss{float: left; width: 100%; text-align: center; font-size: 0.11rem; color: #b90c0c; text-decoration: underline; margin-top: 0.35rem; cursor: pointer;}

/* 评论区域 */
#glair .comment{float: left; width: 100%; height: auto; margin-top: 0.32rem;}
#glair .comment .show{float: left; width: 3rem; height: auto; margin-left: 0.1rem;}
#glair .comment .show h1{float: left; width: 100%; color: #4c4c4c; font-size: 0.14rem; line-height: 0.38rem; font-weight: normal; border-bottom: 1px solid #d4d4d4;}
#glair .comment .show .box{float: left; width: 100%; height: auto; min-height: 0.6rem; border-bottom: 1px solid #d4d4d4;}
#glair .comment .show .box img{float: left; width: 0.4rem; height: 0.4rem; border-radius: 0.25rem; margin: 0.1rem 0 0 0.07rem;}
#glair .comment .show .box .user_name{float: left; line-height: 0.18rem; color: #4c4c4c; font-size: 0.09rem; margin: 0.1rem 0 0 0.15rem;}
#glair .comment .show .box p{float: left; max-width: 2.23rem; line-height: 0.2rem; font-size: 0.12rem; color: #979797; margin-left: 0.15rem;}
#glair .comment .in_one{float: left; width: 100%; height: 0.47rem; background-color: #e5e5e5; margin-top: 0.155rem; cursor: pointer;}
#glair .comment .in_one .frame{float: left; width: 2.98rem; height: 0.36rem; border: 1px solid #878787; margin: 0.05rem 0 0 0.105rem;}
#glair .comment .in_one .frame img{float: left; width: 0.165rem; height: 0.165rem; margin: 0.095rem 0 0 0.105rem;}
#glair .comment .in_one .frame span{float: left; font-size: 0.12rem; color: #9a9a9a; line-height: 0.36rem; margin-left: 0.15rem;}
#glair .comment .in{float: left; position: relative;}
#glair .comment .in .frame{width: 2.26rem; font-size: 0.12rem; color: #9a9a9a; text-indent: 0.12rem; padding-right: 0.72rem;}
#glair .comment .in .btn{float: left; width: 0.57rem; height: 0.215rem; background-color: #a60b0b; font-size: 0.11rem; color: #e5e5e5; text-align: center; line-height: 0.215rem; position: absolute; right: 0.18rem; top: 0.13rem;}

#glair .nim{float: left; width: 100%; height: 0.45rem; line-height: 0.45rem; text-align: center; color: #000;}



/*站外领取页面*/

#get_glair{width: 6.4rem;height: auto;position: relative; float: left;}
#get_glair #left{width: 1.1rem;height: 1.89rem;background: url(../images/glair_left.png); background-size: 100%;position: absolute;left: 0px;margin-top: 1rem;}
#get_glair #right{width: 1.68rem;height: 2.98rem;background: url(../images/glair_right.png); background-size: 100%;position: absolute;right: 0px;top: 5rem; z-index: -1;}
#get_glair #content{width: 6.4rem;height: auto;overflow: hidden; margin: 1rem auto; text-align: center;}
#get_glair #content .text-1{font-size: 0.35rem;color: #292929;height: 0.35rem;line-height: 0.35rem;margin-bottom: 0.2rem;margin-top: 0.8rem;}
#get_glair #content .text-2{font-size: 0.28rem;color: #292929;height: 0.38rem;line-height: 0.38rem;margin-bottom: 0.46rem;}
#get_glair #content .text-3{font-size: 0.22rem;color: #7d7d7d;height: 0.22rem;line-height: 0.22rem;margin-bottom: 0.6rem;}
#get_glair #content .text-4{width: 2.85rem;height: 0.5rem;border: 1px solid #a20611;color: #a20611;line-height: 0.5rem;text-align: center;font-size: 0.25rem;display: block;margin: 0px auto;}
#get_glair #content .text-5{font-size: 0.24rem;color: #7d7d7d;height: 0.24rem;line-height: 0.24rem;margin-top: 0.2rem;}

#get_glair #content .text-2-1{font-size: 0.35rem;color: #292929;height: auto;line-height: 0.5rem;margin-bottom: 0.2rem;margin-top: 0.8rem;}
#get_glair #content .text-2-2{font-size: 0.26rem;color: #8d8d8d;height: auto;   line-height: 0.42rem;margin-bottom: 0.46rem;}
#get_glair #content .text-2-3{width: 2.85rem;height: 0.5rem;border: 1px solid #a20611;color: #a20611;line-height: 0.5rem;text-align: center;font-size: 0.25rem;display: block;margin: 0px auto;}
#get_glair #content .text-2-4{font-size: 0.24rem;color: #7d7d7d;height: auto; line-height: 0.42rem;margin-top: 0.2rem;}

#get_glair #content .text-3-1{font-size: 0.35rem;color: #a20611;height: auto; line-height: 0.42rem;margin-bottom: 0.2rem;margin-top: 0.8rem;}
#get_glair #content .text-3-2{font-size: 0.26rem;color: #8d8d8d;height: auto; line-height: 0.42rem;margin-bottom: 0.46rem;}
#get_glair #content .text-3-4{font-size: 0.24rem;color: #7d7d7d;height: auto; line-height: 0.42rem;margin-top: 0.2rem;}
#get_glair #content .text-5-1{font-size: 0.22rem;color: #7d7d7d;height: auto;line-height: 0.42rem;margin: 0.6rem 0px;}
#get_glair #content .text-5-2{width: 2.85rem;height: 0.5rem;border: 1px solid #a20611;color: #a20611;line-height: 0.5rem;text-align: center;font-size: 0.25rem;display: block;margin: 0px auto;}

/* 公告 Begin */
#notice{width: 100%; height: auto; float: left; margin-bottom: 0.728rem; overflow: hidden;}
#notice .content{width: 2.9rem; height: auto; margin: 0 auto;}
#notice .content p{font-size: 0.09rem; color: #5b5a5a; line-height: 0.2rem;}
#notice .content .p1{margin-top: 0.25rem;}
#notice .content .mobile_notice1{width: 2.045rem; height: 1.16rem; margin: 0 auto; display: block; margin-top: 0.12rem; margin-bottom: 0.17rem;}
#notice .content .mobile_notice2{width: 1.15rem; height: 1.095rem; margin: 0 auto; display: block; margin-top: 0.12rem;}
/* 公告 End */